<template>
	<section id="aboutUs">
		<HeaDer :Title='titleData'></HeaDer>
		<section class="aboutUsWarp">
			<section class="title">
				<h2>关于我们</h2>
			</section>
			<ul class="lisWarp">
				<li class="list" @click="linkUs">
					<span>联系我们</span>
					<i class="van-icon van-icon-arrow"></i>
				</li>
			</ul>
		</section>
	</section>
</template>

<script>
	import HeaDer from "../common/header.vue";
	export default {
		data() {
			return {
				titleData: {
					name: '',
					flat: 1
				},
				email: ''
			}
		},
		methods: {
			getData() {
				var _this = this;
				_this.$http.post(_this.$host.menu, {}).then(function(data) {
					_this.email = data.data.data.email;
				}).catch(function() {})
			},
			linkUs() {
				var _this = this;
				_this.$dialog.alert({
					title:'请联系邮箱',
					message: _this.email
				}).then(() => {
					// on close
				});
			}
		},
		components: {
			'HeaDer': HeaDer

		},
		created: function() {
			var _this = this;
			_this.getData()
		}
	}
</script>

<style>

</style>